<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   <style>
        /*div,h1,p{
            color:red;
        }组合选择器*/
        /*div .xiaodi{
            color:yellow
        }
        如果函数相同，可以在.xiaodi前加上要改变的数值的<>中的东西*/
        .xiaodi{
            color:red;
        }
        .background{
            background-color: black;
        }
    </style> 
    

</head>
<body>
    <!--<div>小滴课堂</div>
    <p>很多课程</p>
    <h1>前端</h1>组合选择器-->
    <!--<div class="xiaodi">小滴课堂</div>
    <p class="xiaodi">有很多的课程</p>-->
    <div class="xiaodi background">小滴课堂</div>

</body>
</html>